import styles from './styles.module.less'
import family from '@/images/family.png'
import { useNavigate } from 'react-router-dom'
const LoginContent = () => {
  const navigate = useNavigate()
  const logoText = (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
    e.preventDefault()
    navigate('/')
  }

  return (
    <div className={styles.content}>
      <div className={styles.title}>温暖窝</div>
      <p className={styles.text}>
        融入日常的点滴关怀，成为亲情黏合剂，悄然加固情感纽带，让家更具凝聚力！
      </p>
      <div className={styles.border}>
        <div className={styles.image}>
          <img src={family} alt="" />
        </div>
      </div>
      <p className={styles.more}>
        #技术由{' '}
        <a href="#" onClick={(e) => logoText(e)}>
          温暖窝
        </a>{' '}
        提供#
      </p>
    </div>
  )
}

export default LoginContent
